<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/PC/css/teacher.html/teacherpage2.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/PC/css/financingpage/financingpage1.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/PC/css/financingpage/financingpage1_1.css" />
	<style type="text/css">
			.pager {
		text-align: center;
	}

	.pager>li {
		margin-left: 10px;
		display: inline-block;
	}

	.prev,
	.num,
	.active,
	.next {
		display: inline-block;
		width: 40px;
		height: 40px;
		background: #d1d1d1;
		vertical-align: top;
		line-height: 40px;
		text-align: center;
	}

	.active {
		background: #fff;
	}
		</style>
	<!-- 分页结束 -->
	<style type="text/css">
		body> div.detailPagewrap {
			position: absolute;
			width: 100%;
			top: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.2);
			z-index: 99;
			display: none;
		}
	</style>

	<body>
		<div class="detailPagewrap">
			<div class="financingpage1_1xq">
				<img class="x" src="__PUBLIC__/home/PC/img/out2.png" />
				<p> <span id="name"></span> <span id="classtitle"></span></p>
				<p><span>缴费项目</span><span>缴费金额(￥)</span><span>缴费日期</span><span>缴费</span></p>
				<ul>
					<li><span><span id="item"></span></span><span id="amount"></span><span id="ctime"></span><span class="wjcolor"><span class="jfcolor" id="status"></span></li>
				
				</ul>
					<!-- <div class="footernav">
						<a href="#"><img src="__PUBLIC__/home/PC/img/patriarchcenter/upl.png" /></a>
						<a href="#">1</a>
						<a href="#">2</a>
						<a href="#">3</a>
						<a href="#">4</a>
						<a href="#">5</a>
						<a href="#">6</a>
						<a href="#"><img src="__PUBLIC__/home/PC/img/patriarchcenter/downr.png" /></a>
				
				<input type="button" name="" id="tf" value="退费" /> -->
			</div>
		</div>
		<!--============nav===========-->
		<body>
	<include file="Public/pc_header" />
		<!--忘记密码结束-->
		<!--==============滚动图============-->
		<div class="content">
			<iframe src="__PUBLIC__/home/PC/contentlbswiper.html" width="100%" height="500px"></iframe>
			<!--滚动图结束-->

			<div class="teacherpage2content">
				<p>
					<a href="{:U('financepay')}" class="askbtn ">项目缴费</a>
					<a href="{:U('financepay1')}" class="askStatisticsbtn borderbottomcolor">缴费统计</a>
				</p>

				<form action="" method="post" class="qjtj formsub">
					<div><input type="date" name="" id="" value="" /><span class="overallNumberOfPeople bgbottom">总人数：{$count}</span><span class="AlreadyPayCost">已交：{$succ}</span><span class="NotPayCost">未交：{$eroo}</span><input type="search" name="nickname" id="" value="" /><input type="submit" value="" /></div>

				</form>
				<div class="financing1tj">
					<p><span>姓名</span><span>月份</span><span>总金额(￥)</span><span></span></p>
					<ul>
					<volist name="list" id="vo">
						<li><span>{$vo.nickname}</span><span>{$vo.creat_time|time_format='m'}</span><span>{$vo.amount}</span>
					<if condition="$vo.paystate eq 0">
					<span class="nxq xqbtn" name="{$vo.nickname}"  classtitle="{$vo.class_title}"  ctime="{$vo.create_time|time_format='Y-m-d'}" item ="{$vo.ititle}" amount="{$vo.amount}"status="未缴费" style="color: red">详情</span>
					</if>
					<if condition="$vo.paystate eq 1">
					<span class="nxq xqbtn" name="{$vo.nickname}" classtitle="{$vo.class_title}"  ctime="{$vo.create_time|time_format='Y-m-d'}" item ="{$vo.ititle}" amount="{$vo.amount}" status="已缴费"  style="color: blue">详情</span>
					</if>
						</li>
					</volist>
						
						<div class="footernav">
							{$_page}
						</div>
					</ul>
				</div>
			</div>
		</div>

		<iframe src="__PUBLIC__/home/PC/footer.html" width="100%" height="170px" style="
    min-width: 1300px"></iframe>
	</body>
	<script src="__PUBLIC__/home/PC/js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/login.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/forgetpassword.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/yzm.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/nav.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/kindergartenPrincipal/kindergartenPrincipalpage1.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/patriarchcenter/patriarchcenterpage3.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function() {
			$("#tf").on("click", function() {
				if(confirm("是否确定要改为退费？")) {
				$(this).val("已退费").css("color", "red");
				}
			})
			$(".financing1xqbtn").on("click",function(){
				$(".detailPagewrap").show()
			})
			$('.xqbtn').click(function(){
			$('#name').text($(this).attr('name'));
			$('#classtitle').text($(this).attr('classtitle'));
			$('#ctime').text($(this).attr('ctime'));
			$('#item').text($(this).attr('item'));
			$('#amount').text($(this).attr('amount'));
			$('#status').text($(this).attr('status'));
			
		})
		})
	</script>

</html>